<template>
	<view class="wrap" :class="[typeId == 'resource' ? 'big' : '']">
		<custom-nav-sq-xcx :isBack="true" :needConBlock="true" conCol="#000" currMod="sqMineMod">
			<template v-slot:content>我的收藏</template> 
		</custom-nav-sq-xcx>
		<sq-order-tab
			currMod="feedBack"
			:orderStaArr="orderStaArr"
			:orderStaIndex="orderStaIndex"
			@swithOrderTab="swithOrderTab"
		></sq-order-tab>
		<view class="padd">
			<course-list pageType="favorPage"></course-list>
			<tthd-sq pageType="favorPage"></tthd-sq>
			<sq-sc-relax></sq-sc-relax>
		</view>
	</view>
</template>

<script>
	import SqOrderTab from '../components/SqOrderTab'
	import CourseList from '../../sqCourse/components/CourseList'
	import TthdSq from '../../index/components/TthdSq'
	import SqScRelax from './components/SqScRelax'
	export default {
		components:{
			SqOrderTab,
			CourseList,
			TthdSq,
			SqScRelax
		},
		data(){
			return{
				orderStaArr:[
					{id:'resource',name:'在线课堂'},
					{id:'active',name:'团体活动'},
					// {id:'bbs',name:'社区论坛'},
					{id:'relax',name:'放松减压'}
				],
				orderStaIndex:0,
				typeId:'resource'
			}
		},
		methods:{
			swithOrderTab(index,item){
				this.orderStaIndex = index;
			}
		}
	}
</script>

<style lang="scss">
	page{background: $sq-fuf;}
</style>
<style lang="scss" scoped>
	.wrap{
		padding:100rpx 0 1rpx;
		&.big{
			padding:120rpx 0 1rpx;
		}
	}
</style>